import axios from 'axios'
import { Message } from 'element-ui'
import store from '../store/index'
import router from '../router/index'

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(config => {
  if (localStorage.getItem('token')) {
    // 1. 定义变量获取到储存的时间
    const loginTime = localStorage.getItem('loginTime')
    // 2. 定义变量储存现在时间
    const now = Date.now()
    // 3. 定义超时时间
    const timeout = 100000000000 // 这里修改秒数,不然自定义函数触发时,会被主动介入

    // 判断 ， 用当前时间减去登入时间，如果大于定义的超时时间，那就清除token，跳到登入页面
    if (now - loginTime > timeout) {
      // 清除token
      store.dispatch('user/logut')
      // 跳转登入页面
      router.push('/login')

      return Promise.reject(new Error('已超时(主动介入)'))
    }
    // 往请求头注入 token
    config.headers.Authorization = `Bearer ${localStorage.getItem('token')}`
  }
  return config
})
// 响应拦截器
service.interceptors.response.use(res => {
  console.log('网络成面成功')
  console.log(res)

  const { success, data, message } = res.data

  if (success) {
    console.log('数据层面成功')
    return data
  } else {
    console.log('数据层面失败')

    // 提示错误
    Message.error(message)
    // 停止当前执行
    return Promise.reject(new Error(message))
  }
}, (err) => {
  console.log('网络成面失败')
  console.dir(err)

  // token被别人到控制台修改了,会走报错这条路,但是我们的主动介入察觉不到,只有后端才可以解决,这时候,后端就会给err错误信息函数返回数据
  // err里面嵌套类数据,其中和后端约定了,只要是toke错误,就会在err.response.data.code返回10002,所以我们可以拿来判断,等于10002的时候
  if (err.response && err.response.data.code === 10002) {
    // 清空token
    store.dispatch('user/logut')
    // 踢回登入页面
    router.push('/login')
  }
  // 提示信息
  Message.error(err.message)
  // 阻止跳转
  // Promise.reject()阻止错误信息跳转 new Error()是一个错误对象
  return Promise.reject(new Error(err.essage))
})

// 暴露出去
export default service
